<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>
    <link rel="stylesheet" href="./css/品优购.css">
</head>

<body>
    <div class="one">
        <div class="oneleft">
            <span>品优购欢迎您! &nbsp; 请登录</span>
            <span><a href="#" class="zc">免费注册</a>
        </span>
        </div>
        <div class="oneright">
            <span>我的订单&nbsp;|&nbsp;</span>
            <span>我的品优购&nbsp; <a href="#"><img class="v" src="./img/1.png" alt=""></a>&nbsp;|&nbsp;</span>
            <span>品优购会员&nbsp;|&nbsp;</span>
            <span>企业采购&nbsp;|&nbsp;</span>
            <span>关注品优购&nbsp; <a href="#"><img class="v" src="./img/1.png" alt=""></a>&nbsp;|&nbsp;</span>
            <span>客户服务&nbsp;<a href="#"><img class="v" src="./img/1.png" alt=""></a>&nbsp;|&nbsp;</span>
            <span>网站导航&nbsp;<a href="#"><img class="v" src="./img/1.png" alt=""></a>&nbsp;</span>
        </div>
        <div class="clear"></div>
    </div>
    <div class="two">
        <div class="twoone">
            <img class="gouwucheone" src="./img/2.jpg" alt="">
            <p class="pone">品优购</p>
            <p class="ptwo">pinyou.com</p>
        </div>
        <div class="twotwo">
            <div class="twotwoone">
                <div class="sousuo">
                    <span>搜索</span>
                </div>
                <p class="moren">语言开发</p>
            </div>
            <ul>
                <li style="color: red;">优惠购首发</li>
                <li>亿元优惠</li>
                <li>9.9团购</li>
                <li>美满99减30</li>
                <li>办公用品</li>
                <li>电脑</li>
                <li>通信</li>
            </ul>
        </div>
        <div class="twothree">
            <img class="twothreeone" src=./img/3.png alt="">
            <span>我的购物车</span>
            <img class="twothreetwo" src="./img/7.png" alt="./img/4.png">
        </div>
        <ul class="twofour">
            <li style="background-color: #B11719;padding-left: 40px;padding-right: 40px;color:white">全部商品分类</li>
            <li>服装城</li>
            <li>美妆馆</li>
            <li>传智超市</li>
            <li>全球购</li>
            <li>闪购</li>
            <li>团购</li>
            <li>拍卖</li>
            <li>有趣</li>
        </ul>
    </div>
    <div class="three">
        <div class="threeone">
            <div>
                <span>家用电器</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>手机、通信、数码</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>电脑、办公</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>家居、家具、家装、厨具</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>男装、女装、童装、内衣</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>化妆品、清洁用品、宠物</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>鞋靴、箱包、珠宝、奢侈品</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>运动户外、钟表</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>汽车、汽车用品</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>母婴、玩具乐器</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>食品、酒类、生鲜、特产</span>
                <img src="./img/5.png" alt="">
            </div>
            <div>
                <span>医药保健</span>
                <img src="./img/5.png" alt="">
            </div>
            <div style="background-color:white;color:#C81524">
                <span>图书、音像、电子书</span>
            </div>
            <div>
                <span>彩票、旅行、充值、服务</span>

            </div>
            <div>
                <span>理财、众筹、白条、保险</span>
            </div>
        </div>
        <div class="threetwo">
            <img src="./img/6.PNG" alt="">
        </div>
        <div class="threefour">
            <div class="threefouronebox">
                <span class="threefourone">品优购快报</span>
                <span class="threefourtwo">更多</span>
                <img class="threefouroneimg" src="./img/7.png" alt="">
            </div>
            <div class="threefourtwobox">
                <div>
                    <span style="font-weight: bold;">[特惠]</span>
                    <span>备战开学季全民半价购数码</span>
                </div>
                <div>
                    <span style="font-weight: bold;">[公告]</span>
                    <span>品优稳占家电网购六成份额</span>
                </div>
                <div>
                    <span style="font-weight: bold;">[特惠]</span>
                    <span>百元中秋全品类礼卷限量领</span>
                </div>
                <div>
                    <span style="font-weight: bold;">[公告]</span>
                    <span>上品优生鲜享阳澄湖大闸蟹</span>
                </div>
                <div>
                    <span style="font-weight: bold;">[特惠]</span>
                    <span>每日享折扣品优品质优</span>
                </div>
            </div>
            <table class="threefourthreebox" border="1">
                <tr>
                    <td class="tableone">
                        <img src="./img/9.png" alt="">
                        <span>话费</span>
                    </td>
                    <td class="tabletwo">
                        <img src="./img/10.png" alt="">
                        <span>机票</span></span>
                    </td>
                    <td class="tablethree">
                        <img src="./img/11.png" alt="">
                        <span style="left: 9px;">电影票</span>
                    </td>
                    <td>
                        <img src="./img/12.png" alt="">
                        <span>游戏</span>
                    </td>
                </tr>
                <tr>
                    <td class="tableone">
                        <img src="./img/13.png" alt="">
                        <span>彩票</span>
                    </td>
                    <td class="tabletwo">
                        <img src="./img/14.png" alt="">
                        <span style="left: 9px;">加油卡</span>
                    </td>
                    <td class="tablethree">
                        <img src="./img/15.png" alt="">
                        <span>酒店</span>
                    </td>
                    <td>
                        <img src="./img/16.png" alt="">
                        <span style="left: 9px;">火车票</span>
                    </td>
                </tr>
                <tr>
                    <td class="tableone">
                        <img src="./img/17.png" alt="">
                        <span>众筹</span></span>
                    </td>
                    <td class="tabletwo">
                        <img src="./img/18.png" alt="">
                        <span>理财</span>
                    </td>
                    <td class="tablethree">
                        <img src="./img/19.png" alt="">
                        <span style="left: 9px;">礼品卡</span>
                    </td>
                    <td>
                        <img src="./img/20.png" alt="">
                        <span>白条</span>
                    </td>
                </tr>
            </table>
            <div class="threefourfourbox">
                <img src="./img/8.PNG" alt="">
            </div>
        </div>
        <div>
            <ul class="threefive">
                <li class="threefiveone">
                    <img src="./img/21.png" alt="">
                    <span>今日推荐</span>
                </li>
                <li class="threefivetwoone"><span></span></li>
                <li class="threefivetwotwo"><span></span></li>
                <li class="threefivetwothree"><span></span></li>
                <li class="threefivetwofour"><span></span></li>
            </ul>
        </div>
    </div>
    <ul class="four">
        <li style="background-color: #C81524; color:white">家用电器</li>
        <li>收集通讯</li>
        <li>电脑办公</li>
        <li>家居家具</li>
        <li>生活用品</li>
        <li>运动户外</li>
        <li>汽车用品</li>
        <li>食品酒类</li>
        <li>医药保健</li>
        <li>图书音像</li>
        <li>金融彩票</li>
    </ul>
</body>

</html>